<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>TaxiCafé - Cultura Pop e muito mais!</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/modern-business.css" rel="stylesheet">
	
	<!-- Fonts CSS -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>	
	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

    <!-- Navigation -->
    <nav id="barraTopo" class="navbar" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menuTopo">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">
					<img id="logoTopo" src="http://www.taxicafe.com.br/wp-content/themes/super_taxicafe/image/logo.png" />
				</a>
				<div class="clear"></div>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="menuTopo">
                <ul class="nav navbar-nav">
                    <li>
                        <a href="#">Cinema</a>
                    </li>
                    <li>
                        <a href="#">Séries</a>
                    </li>
                    <li>
                        <a href="#">Jogos</a>
                    </li>
                    <li>
                        <a href="#">Quadrinhos</a>
                    </li>
                    <li>
                        <a href="#">Livros</a>
                    </li>
					<li class="searchTaxi">
						<form action="#" method="post">
							<input type="text" class="form-control">
							<button class="btn btn-default" type="button">
                                <span class="glyphicon glyphicon-search"></span>
							</button>
						</form>
                    </li>
                </ul>
				
               
            </div>
            <!-- /.navbar-collapse -->
			<div class="clear"></div>
        </div>
        <!-- /.container -->
    </nav>
	
    <!-- Header Carousel -->
	<div class="publicidadeTopo">
		<a href="http://www.ocioso.com.br" target="_blank" title="Está no seu momento de descanso né? Entao clique aqui!">
			<img src="http://www.ocioso.com.br/imagens/parceiros/hotlink-ok/468p60.jpg" border="0" alt="Está no seu momento de descanso né? Entao clique aqui!" />
		</a>
		<a target="_blank" href="http://www.atoananet.com.br">
			<img src="http://www.atoananet.com.br/uploads/468x60.gif" alt="À toa na Net - Agregador de Conteúdo"/>
		</a>
	</div>
    <!-- Page Content -->
	<div class="container interna" style="background:#fff; margin-top:0px;">
		<div class="row">
			<img class="img-responsive" src="http://placehold.it/900x300" alt="" style="width:100%;">
		</div>
	</div>
    <div class="container interna" style="background:#fff;margin-top:0px;">
		
		<div class="row">
			
            <!-- Blog Post Content Column -->
            <div class="col-lg-8">

                <!-- Title -->
                <h1>Blog Post Title</h1>

				<div class="col-lg-12 assinatura">
					<div class="col-lg-2">
						<img alt=" Vinicius Salazar" style="max-width:100%;" src="http://0.gravatar.com/avatar/c8e31fcc67d3035d063fdd89d3bcc018?s=100&amp;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D100&amp;r=G" class="avatar avatar-100 photo" height="100" width="100" title="Vinicius Salazar">
					</div>
					<div class="col-lg-10">
						<p><a href="http://www.taxicafe.com.br/autor/vinicius/" title="Vinicius Salazar">Vinicius Salazar</a></p>
						<p>Um provável-futuro-jornalista que gosta de escrever sobre muitas coisas, exceto sobre si mesmo.</p>
						<a href="http://www.facebook.com/vinicius.salazar.98" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.facebook.com']);">Facebook</a>
					</div>
				</div>

                <hr>
				<div class="conteudoPost">
					<p>Viagem no tempo sempre é um tema bastante fértil no cinema, mas também traz consigo uma certa polêmica, afinal é muito fácil derrapar e acabar sabotando suas próprias regras. Quando um filme consegue desenvolver seu roteiro sem cair em suas próprias armadilhas, além de ter todo o resto de seus aspectos igualmente bem realizados, nasce um novo clássico.</p>
					<p>O filme dirigido pelos pouco experientes Irmãos Spierig, Michael e Peter, se baseia no conto ‘All You Zombies’ de Robert A. Heinlein, mesmo autor de Starship Troopers, e tem uma trama tão bem intricada e cheia de reviravoltas &nbsp;que é até difícil dar uma sinopse, mas vamos lá: Ethan Hawke vive um agente temporal que se prepara para uma última missão, capturar um perigoso terrorista conhecido como ‘Fizzle Bomber’. Mas não se engane em pensar que o foco aqui será a perseguição ao terrorista diretamente, a trama conduzida pelos diretores acaba nos mostrando um ocasional encontro desse agente com um estranho em um bar. O estranho é John, e ele conta sua curiosa e trágica história desde quando ainda era Jane, uma garota que foi abandonada na porta de um orfanato a muito tempo atrás.</p>
					<p><a href="http://www.taxicafe.com.br/wp-content/uploads/2014/12/2013_04_23-predestination_0677_053bcd80-9984-e311-8492-d4ae527c3b65.jpg"><img class="aligncenter size-full wp-image-3305" alt="2013 04 23 predestination 0677 053bcd80 9984 e311 8492 d4ae527c3b65 Crítica: Predestination | Certas coisas estão determinadas a acontecer" src="http://www.taxicafe.com.br/wp-content/uploads/2014/12/2013_04_23-predestination_0677_053bcd80-9984-e311-8492-d4ae527c3b65.jpg" width="746" height="440" title="Crítica: Predestination | Certas coisas estão determinadas a acontecer"></a></p>
					<p>O filme tem muitas coisas interessantíssimas, como as escolhas visuais minimalistas que se adequam ao enxuto orçamento, mas mesmo assim conseguem construir de maneira bastante convincente a atmosfera das épocas tratadas. Isso nos dá uma noção da habilidade dos diretores em driblar as “adversidades técnicas”, que não se vê em qualquer cineasta por aí.</p>
					<p>A ideia central do enredo é extremamente original e bem montada, mas não escapa da tentativa daqueles espectadores mais cínicos (tipo eu) de tentar procura e racionalizar qualquer inconsistência que possa povoar o roteiro. Confesso que não consegui encontrar falhas nesse roteiro meticulosamente orquestrado de maneira tão inteligente. Todas as ‘suspeitas’ levantadas são respondidas após uma olhada mais atenta na obra. Por falar em atenção, os espectadores mais atentos podem até captar as pistas e desvendar o mistério antes da conclusão, mas isso passa longe de ser um demérito do filme, já que se ponto forte está mais na construção da jornada e em seus reflexos nos personagens, no que no destino em si.</p>
					<p><a href="http://www.taxicafe.com.br/wp-content/uploads/2014/12/maxresdefault3.jpg"><img class="aligncenter size-full wp-image-3306" alt="maxresdefault3 Crítica: Predestination | Certas coisas estão determinadas a acontecer" src="http://www.taxicafe.com.br/wp-content/uploads/2014/12/maxresdefault3.jpg" width="746" height="436" title="Crítica: Predestination | Certas coisas estão determinadas a acontecer"></a></p>
					<p>Antes de finalizar não posso deixar de elogiar a fantástica atuação de Sarah Snook, que se entrega ao papel de maneira intensa e entrega um desempenho camaleônico totalmente impactante. Ethan Hawke, que caprichou nos filmes lançados nesse ano, está mais uma vez carismático e convincente, apesar de estar ali mais para ajudar a vender o filme do que qualquer outra coisa.</p>
					<p>Enfim, Predestination tem um alto fator mind-blowing muito bem construído pelos jovens diretores. Com uma trama magistralmente amarrada ele aborda um complexo paradoxo temporal sem insultar a inteligência do espectador, nem criar mais perguntas do que pode responder. Se junta a Coherence como uma das gratas surpresas da ficção científica independente de 2014.</p>
                </div>
				<hr>

                <!-- Publicidade -->
				<div class="publicidadeComents">
					<img class="img-responsive" src="http://placehold.it/728x90&text=Publicidade" alt="">
				</div>
                <!-- Comments Form -->
                <div class="well">
                    <h4>Leave a Comment:</h4>
                    <form role="form">
                        <div class="form-group">
                            <textarea class="form-control" rows="3"></textarea>
                        </div>
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </form>
                </div>

                <hr>

                <!-- Posted Comments -->

                <!-- Comment -->
                <div class="media">
                    <a class="pull-left" href="#">
                        <img class="media-object" src="http://placehold.it/64x64" alt="">
                    </a>
                    <div class="media-body">
                        <h4 class="media-heading">Start Bootstrap
                            <small>August 25, 2014 at 9:30 PM</small>
                        </h4>
                        Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
                    </div>
                </div>

                <!-- Comment -->
                <div class="media">
                    <a class="pull-left" href="#">
                        <img class="media-object" src="http://placehold.it/64x64" alt="">
                    </a>
                    <div class="media-body">
                        <h4 class="media-heading">Start Bootstrap
                            <small>August 25, 2014 at 9:30 PM</small>
                        </h4>
                        Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
                        <!-- Nested Comment -->
                        <div class="media">
                            <a class="pull-left" href="#">
                                <img class="media-object" src="http://placehold.it/64x64" alt="">
                            </a>
                            <div class="media-body">
                                <h4 class="media-heading">Nested Start Bootstrap
                                    <small>August 25, 2014 at 9:30 PM</small>
                                </h4>
                                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
                            </div>
                        </div>
                        <!-- End Nested Comment -->
                    </div>
                </div>
				<div class="row desktop">
					<iframe style="background: #FFF; border:none; overflow:hidden; width:720px; height:360px; max-width:100%; margin:20px auto 0px auto;" frameborder="0" scrolling="no" src="http://ocioso.com.br/troca-de-links/tag/id/cnvI0vmsXOkf20AKkVKgH8TwBlA36G_rB9RDT4ETsrD9qvxuLc1MMSwTh_MYcxkWQIth9tgeXWH1ow7pwbmPvS7aUioYjufxodH671r5ZrpWyQuHc0PVamdasTAaALxu8ztn08Hs-98VGuKUP3VhOLnUSAlGikOz50Vr7Gd2fklEQpAebvTgpkKIDMXT6f_bc-a_Ybhr17KkZ4cSv5hv_FB3MpJmxxBC5f99ib7UEELAe8aJCeAYIlI4S4rXlc48|dF3HfM9JEEteR5Nlxmk5FAfH2DIyV8tNH6rqCFvzhCA="></iframe>
				</div>
            </div>

		<!-- Blog Sidebar Widgets Column -->
			<div class="col-md-4">

					<!-- Blog Categories Well -->
				<div class="maisVistos desktop">
					<h4 class="sideTitle">Mais Vistos</h4>
					<div class="row">
						<div class="col-lg-12">
							<ul class="list-unstyled list-most-viewed">
								<li><a href="#">Category Name</a>
								</li>
								<li><a href="#">Category Name</a>
								</li>
								<li><a href="#">Category Name</a>
								</li>
								<li><a href="#">Category Name</a>
								</li>
							</ul>
						</div>
					</div>
					<!-- /.row -->
				</div>

				<div class="publi textCenter">
					<iframe id="google_ads_frame1" name="google_ads_frame1" width="336" height="280" frameborder="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-1415365042051363&amp;format=336x280&amp;output=html&amp;h=280&amp;slotname=7121522739&amp;adk=3354570135&amp;w=336&amp;lmt=1419113678&amp;flash=16.0.0&amp;url=http%3A%2F%2Fwww.taxicafe.com.br%2Fcritica-predestination-certas-coisas-estao-determinadas-acontecer%2F&amp;dt=1419113678514&amp;bpp=36&amp;bdt=262&amp;shv=r20141209&amp;cbv=r20141212&amp;saldr=aa&amp;correlator=7702778755073&amp;frm=20&amp;ga_vid=1649603444.1418664187&amp;ga_sid=1419113669&amp;ga_hid=414519406&amp;ga_fc=1&amp;u_tz=-120&amp;u_his=3&amp;u_java=1&amp;u_h=768&amp;u_w=1366&amp;u_ah=728&amp;u_aw=1366&amp;u_cd=24&amp;u_nplug=23&amp;u_nmime=112&amp;dff=source%20sans%20pro&amp;dfs=16&amp;adx=901&amp;ady=720&amp;biw=1349&amp;bih=667&amp;eid=317150304&amp;oid=3&amp;ref=http%3A%2F%2Fwww.taxicafe.com.br%2F&amp;rx=0&amp;eae=0&amp;fc=8&amp;brdim=0%2C0%2C0%2C0%2C1366%2C0%2C1366%2C728%2C1366%2C667&amp;vis=1&amp;abl=CS&amp;ppjl=u&amp;srr=1&amp;fu=0&amp;bc=1&amp;ifi=1&amp;xpc=kH1UGMp5zM&amp;p=http%3A//www.taxicafe.com.br&amp;dtd=105" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" allowfullscreen="true"></iframe>
				</div>

				<div class="well">
					<h4 class="sideTitle">Em Cartaz</h4>
					<div id="myCarousel" class="carousel slide em-cartaz">
						<?php 
							$ch = curl_init();
							$timeout = 0;
							curl_setopt($ch, CURLOPT_URL, 'http://www.adorocinema.com/filmes/numero-cinemas/');
							curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
							curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, $timeout);

							$conteudo = curl_exec ($ch);
							curl_close($ch);


							preg_match_all('#<div class="data_box">(.*?)</div>#ims', $conteudo, $site);
							preg_match_all('#<p>(.*?)</p>#ims', $conteudo, $descricao);
							preg_match_all('#<h2 class="tt_18 d_inline">(.*?)</h2>#ims', $conteudo, $h2);


							echo '<ol class="carousel-indicators">';
								for($i=0;$i<5;$i++){
									if ($i==0){
										echo '<li data-target="#myCarousel" data-slide-to="'. $i .'" class="active"></li>';
									} else {
										echo '<li data-target="#myCarousel" data-slide-to="'. $i .'" class=""></li>';
									}
								}
							echo '</ol>';
							
							echo '<div class="carousel-inner">';
								for($i=0;$i<5;$i++){
									if ($i==0){
										echo '<div class="item active">';
											$src = implode("[", explode("<", implode("]", explode(">", implode("'", explode('"',strip_tags($site[0][$i], "<img>")))))));
											$src = explode("src='", $src);
											$src = explode("'", $src[1]);
											echo '<div class="fill" style="background-image:url(\''. $src[0] .'\');"></div>';
											echo '<div class="carousel-caption">';
												echo '<h2>'. strip_tags($h2[0][$i]) .'</h2>';
												echo "<!--" . $descricao[0][$i] . "-->";
											echo '</div>';
										echo '</div>';									
									} else {
										echo '<div class="item">';
											$src = implode("[", explode("<", implode("]", explode(">", implode("'", explode('"',strip_tags($site[0][$i], "<img>")))))));
											$src = explode("src='", $src);
											$src = explode("'", $src[1]);
											echo '<div class="fill" style="background-image:url(\''. $src[0] .'\');"></div>';
											echo '<div class="carousel-caption">';
												echo '<h2>'. strip_tags($h2[0][$i]) .'</h2>';
												echo "<!--" . $descricao[0][$i] . "-->";
											echo '</div>';
										echo '</div>';								
									}
								}
							echo '</div>';
							?>
					</div>
					
				</div>
				<div class="publi textCenter">
					<iframe id="google_ads_frame1" name="google_ads_frame1" width="336" height="280" frameborder="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-1415365042051363&amp;format=336x280&amp;output=html&amp;h=280&amp;slotname=7121522739&amp;adk=3354570135&amp;w=336&amp;lmt=1419113678&amp;flash=16.0.0&amp;url=http%3A%2F%2Fwww.taxicafe.com.br%2Fcritica-predestination-certas-coisas-estao-determinadas-acontecer%2F&amp;dt=1419113678514&amp;bpp=36&amp;bdt=262&amp;shv=r20141209&amp;cbv=r20141212&amp;saldr=aa&amp;correlator=7702778755073&amp;frm=20&amp;ga_vid=1649603444.1418664187&amp;ga_sid=1419113669&amp;ga_hid=414519406&amp;ga_fc=1&amp;u_tz=-120&amp;u_his=3&amp;u_java=1&amp;u_h=768&amp;u_w=1366&amp;u_ah=728&amp;u_aw=1366&amp;u_cd=24&amp;u_nplug=23&amp;u_nmime=112&amp;dff=source%20sans%20pro&amp;dfs=16&amp;adx=901&amp;ady=720&amp;biw=1349&amp;bih=667&amp;eid=317150304&amp;oid=3&amp;ref=http%3A%2F%2Fwww.taxicafe.com.br%2F&amp;rx=0&amp;eae=0&amp;fc=8&amp;brdim=0%2C0%2C0%2C0%2C1366%2C0%2C1366%2C728%2C1366%2C667&amp;vis=1&amp;abl=CS&amp;ppjl=u&amp;srr=1&amp;fu=0&amp;bc=1&amp;ifi=1&amp;xpc=kH1UGMp5zM&amp;p=http%3A//www.taxicafe.com.br&amp;dtd=105" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" allowfullscreen="true"></iframe>
				</div>
				<div class="textCenter last">
					<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Ftaxicafeh&amp;width&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false&amp;appId=351477821692564" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:258px;" allowTransparency="true"></iframe>
				</div>
				
			</div>

        </div>
        <!-- /.row -->

        
    </div>
	<div class="publicidadeFooter">
		<img class="img-responsive" src="http://placehold.it/728x90&text=Publicidade" alt="">
	</div>

	<div class="container">
        <!-- Footer -->
        <footer>
            <div class="row">
                <div class="col-lg-12">
                    <p>Copyright &copy; Taxi Café 2014</p>
                </div>
            </div>
            <!-- /.row -->
        </footer>

    </div>
    <!-- /.container -->

    <!-- jQuery Version 1.11.0 -->
    <script src="js/jquery-1.11.0.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

	<script>
		jQuery(document).ready(function() {
			$('.em-cartaz').carousel()
			
			$(window).scroll(function () {
				console.log($(document).scrollTop());
				if ($(document).scrollTop() >= 1830) {
					$(".last").attr("style","position:fixed;top:10px;margin-bottom:300px;");
				} else {
					$(".last").attr("style","");
				}
			});
		});
	</script>
	
</body>

</html>
